<template>
    <div>
        <div class="header">
            <img src="/images/header.png"/>
        </div>

        <div class="my-bottom">
            <div>18615398935</div>
            <div class="img" @click="logout">
                <img src="/images/logout.png">
            </div>
        </div>
    </div>
</template>
<script>

    import {pageConfig} from '@/config';
    import { MessageBox } from 'mint-ui';
    import {
        // localStorage as LsyStorage,
        cookie as LsyCookie
    } from 'lsy-storages';
    export default {
        name: 'loginout',
        data(){
            return {

            }
        },
        created: function () {
            if (!this.$user.is_login()) {
                this.$user.jumpLogin();
            }
        },
        methods: {
            logout() {
                let that = this;
                MessageBox.confirm('确认退出吗?').then(action => {
                    that.$http.$ajax('logout', pageConfig.public, {
                    }, {loading: '退出中...', success:(res)=> {
                        that.$toast('退出成功');
                        that.$user.LogOut();
                        that.$router.replace('/m/first')
                    }});
                });
            }
        },
        computed: {

        }
    }
</script>
<style scoped lang="scss">
    .header {
        height: 142px;
        width: 142px;
        margin-top: 92px;
        margin-left:72px;
        img {
            height: 100%;
            width: 100%;
            overflow: hidden;
        }
    }
    .my-bottom {
        margin-top: 46px;
        margin-left:72px;
        margin-right: 66px;
        display: flex;
        justify-content: space-between;
        font-size:30px;
        font-weight:bold;
        color:#1C1C1C;
        line-height:60px;
        .img {
            width: 50px;
            img {
                float: right;
                width: 40px;
                height: 43px;
            }
        }
    }

</style>